@import '../../styles/variable.scss';
@import '../../styles/mixin.scss';

@import "~taro-ui/dist/style/components/flex.scss";

.sing {
  padding: 20px 0 20px 10px;
  border-bottom: 1px solid #F0F0F0;
  &-name {
    font-size: 28px;
    @include single-esp(#6078A0);
  }
  &-info {
    font-size: 24px;
    margin-top: 8px;
    @include single-esp();
    padding: 4px 0;
    .decorate {
      font-size: 18px;
      border: 2px solid $primary-border-color;
      padding: 0px 6px;
      border-radius: 6px;
      margin-right: 6px;
      color: $primary-color
    }
    .band {
      color: #999
    }
    .singer {
      color: #6078A0
    }
  }
  &-icon {
    &__video {
      width: 56px;
      height: 56px;
    }
    &__more {
      width: 56px;
      height: 56px;
    }
  }
}